<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>Kukbuk - Zmień dane</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css"
	href="../../../css/bootstrap.min.css"
	th:href="@{/css/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css" href="../../../css/custom.css"
	th:href="@{/css/custom.css}" />
</head>

<body>
	<!-- TOP MENU -->
	<div th:substituteby="template :: top-menu"></div>
	<!-- /TOP MENU -->

	<!-- MAIN CONTAINER -->
	<div class="container">

		<!-- MESSAGE BOXES -->
		<div class="row" th:include="template :: message-boxes"></div>
		<!-- /MESSAGE BOXES -->

		<div class="row">
			<form class="form-horizontal" th:action="@{/user/edit}"
				th:object="${form}" method="POST">
				<fieldset>
					<div class="control-group"
						th:classappend="${#fields.hasErrors('email')}? 'error'">
						<label class="control-label" for="email">E-mail</label>
						<div class="controls">
							<input type="text" class="input-xlarge" id="email"
								th:field="*{email}" /> <span class="help-inline"
								th:if="${#fields.hasErrors('email')}" th:errors="*{email}">ERROR</span>
							<p class="help-block">Jeżeli zmienisz adres e-mail, twoje
								konto będzie musiało zostać ponownie aktywowane. Nie wypełniaj
								pola, aby zostawić aktualny adres.</p>
						</div>
					</div>

					<div class="control-group"
						th:classappend="${#fields.hasErrors('oldPassword')}? 'error'">
						<label class="control-label" for="oldPassword">Aktualne
							hasło</label>
						<div class="controls">
							<input type="password" class="input-xlarge" id="oldPassword"
								th:field="*{oldPassword}" /> <span class="help-inline"
								th:if="${#fields.hasErrors('oldPassword')}"
								th:errors="*{oldPassword}">ERROR</span>
							<p class="help-block">Musisz wpisać aktualne hasło
								niezależnie od tego, czy chcesz zmienić aktualny email czy
								hasło.</p>
						</div>
					</div>

					<div class="control-group"
						th:classappend="${#fields.hasErrors('newPassword')}? 'error'">
						<label class="control-label" for="newPassword">Nowe hasło</label>
						<div class="controls">
							<input type="password" class="input-xlarge" id="newPassword"
								th:field="*{newPassword}" /> <span class="help-inline"
								th:if="${#fields.hasErrors('newPassword')}"
								th:errors="*{newPassword}">ERROR</span>
							<p class="help-block">Hasło musi składać się z minimum 5
								znaków oraz maksimum 15 znaków. Aby nie zmianiać aktualnego
								hasła zostaw pole puste.</p>
						</div>
					</div>

					<div class="control-group"
						th:classappend="${#fields.hasErrors('newPassword2')}? 'error'">
						<label class="control-label" for="newPassword2">Nowe hasło</label>
						<div class="controls">
							<input type="password" class="input-xlarge" id="newPassword2"
								th:field="*{newPassword2}" /> <span class="help-inline"
								th:if="${#fields.hasErrors('newPassword2')}"
								th:errors="*{newPassword2}">ERROR</span>
							<p class="help-block">Hasło musi składać się z minimum 5
								znaków oraz maksimum 15 znaków. Aby nie zmianiać aktualnego
								hasła zostaw pole puste.</p>
						</div>
					</div>


					<div class="form-actions">
						<button class="btn btn-primary" type="submit"
							onClick="submitFormData(txtName.value); return true">
							<i class="icon-ok icon-white"></i> Zapisz zmiany
						</button>
					</div>
				</fieldset>
			</form>
		</div>
	</div>
	<!-- /MAIN CONTAINER -->

	<!-- ======================================================== -->
	<!-- Scripts at bottom of page means faster loading times. -->
	<!-- Latest jQuery -->
	<script type="text/javascript"
		src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<!-- Bootstrap -->
	<script type="text/javascript" src="../../../js/bootstrap.min.js"
		th:src="@{/js/bootstrap.min.js}"></script>
</body>
</html>